layui.use(['form', "layer"], function () {
    const form = layui.form,
        layer = layui.layer;

    // 加载完成 展示登录面板
    $(".layui-container").removeClass("layui-hide");
    // 登录过期的时候，跳出iframe框架
    if (top.location !== self.location) top.location = self.location;

    $(document).ready(function () {
        // 粒子线条背景
        $('.layui-container').particleground({
            dotColor: '#7ec7fd',
            lineColor: '#7ec7fd'
        });
    });

    // 初始化验证码
    $('#captchaPic').click(function () {
        let url = "captcha/captchaImg?s=" + Math.random();
        $("#captchaPic").attr("src", url);
    });

    // 刷新表单元素
    form.render();

    // 进行登录操作
    form.on('submit(login)', function (data) {
        layer.load(2);
        data = data.field;
        if (data.loginName === '') {
            layer.msg('用户名不能为空');
            return false;
        }
        if (data.loginPwd === '') {
            layer.msg('密码不能为空');
            return false;
        }
        if (data.captcha === '') {
            layer.msg('验证码不能为空');
            return false;
        }

        let rememberMe = !!data.rememberMe;
        $.post("doLogin", {
            loginName: data.loginName,
            loginPwd: data.loginPwd,
            captcha: data.captcha,
            rememberMe: rememberMe
        }, function (res) {
            if (res.code === 1) {
                // 登录成功, 重定向至首页
                layer.msg('登录成功', {icon: 1, time: 1000}, function () {
                    location.replace("/index");
                });
            } else {
                layer.closeAll('loading');
                // 登录失败刷新
                layer.msg(res.message, {icon: 5});
                $('#captchaPic').trigger("click");
            }
        }, "json");
        return false;
    });
});